<ul class="fixed-tab-wrap">
  <li *ngIf="tabBelong === 'user'" routerLinkActive="active"><a routerLink="/system/users">{{l('user_manage')}}</a></li>
  <li *ngIf="tabBelong === 'role'" routerLinkActive="active"><a routerLink="/system/roles">{{l('role_manage')}}</a></li>
  <!-- <li *ngIf="tabBelong === 'role'" routerLinkActive="active"><a routerLink="/system/permissions">{{l('permission_manage')}}</a></li> -->
  <li *ngIf="tabBelong === 'rule'" routerLinkActive="active"><a routerLink="/system/noticeRule">{{l('monitor_notification_rule_configuration')}}</a></li>
  <li *ngIf="tabBelong === 'rule'" routerLinkActive="active"><a routerLink="/system/stateAbnormality">{{l('abnormal_configuration_of_device_state')}}</a></li>
  <li *ngIf="tabBelong === 'rule'" routerLinkActive="active"><a routerLink="/system/smsConfig">{{l('message_notice_config')}}</a></li>
  <li *ngIf="tabBelong === 'rule'" routerLinkActive="active"><a routerLink='/system/siteType'>{{l('site_type_config')}}</a></li>
  <li *ngIf="tabBelong === 'log'" routerLinkActive="active"><a routerLink="/system/logs">{{l('operation_log')}}</a></li>
</ul>
<nz-content>
  <router-outlet></router-outlet>
</nz-content>


